<html lang="zh-CN" class="h-100"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.108.0">
    <title>首页</title>

    <link rel="stylesheet" href="{% static 'bootstrap5/bootstrap.min.css' %}">
    <script src="{% static 'bootstrap5/popper.min.js' %}"></script>
    <script src="{% static 'bootstrap5/bootstrap.min.js' %}"></script>
    <script src="{% static 'jquery/jquery-3.7.1.min.js' %}"></script>
    <meta name="theme-color" content="#712cf9">


    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }

        .b-example-divider {
            height: 3rem;
            background-color: rgba(0, 0, 0, .1);
            border: solid rgba(0, 0, 0, .15);
            border-width: 1px 0;
            box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
        }

        .b-example-vr {
            flex-shrink: 0;
            width: 1.5rem;
            height: 100vh;
        }

        .bi {
            vertical-align: -.125em;
            fill: currentColor;
        }

        .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden;
        }

        .nav-scroller .nav {
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            text-align: center;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }
        
         {#右上角上个按钮间距#}
         .nav-masthead .nav-link {
             margin-right: 2rem; /* 增加右侧间距 */
         }

        .nav-masthead .nav-link:last-child {
            margin-right: 2rem; /* 最后一个链接不需要右侧间距 */
        }
        
        {#  侧边栏收缩  #}
        .sidebar {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            width: 280px;
            background-color: #f8f9fa;
            box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
            z-index: 1030;
        }

        .sidebar.show {
            transform: translateX(0);
        }
    </style>


    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">
</head>

<body class="d-flex h-100 text-center text-bg-dark">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
    <header class="mb-auto">
        <header class="p-3 text-bg-dark">
            <div class="container">
                <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                    <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
                        <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use href="#bootstrap"></use></svg>
                    </a>

                    <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
                        <li><a href="#" class="nav-link px-2 text-secondary">主页</a></li>
                        <li><a href="/historical_record" class="nav-link px-2 text-white">检测记录</a></li>
                        <li><a href="/chat/ai_window" id="showDialog" class="nav-link px-2 text-white">智能助手</a></li>
                        <li><a href="./blacklist/black_list" class="nav-link px-2 text-white">黑/白名单</a></li>
                        <li><a href="./model/model_detail" class="nav-link px-2 text-white">模型信息</a></li>
                    </ul>
{##}
{#                    <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search" action="{% url 'pub_notes' %}" method="POST">#}
{#                        {% csrf_token %}#}
{#                        <input type="search" class="form-control form-control-dark text-bg-dark" #}
{#                               placeholder="Search..." aria-label="Search">#}
{#                        <div class="text-end">#}
{#                            <button type="button" class="btn btn-outline-light me-2" >#}
{#                                url分析#}
{#                            </button>#}
{#                        </div>#}
{#                    </form>#}
                    <form class="row g-3" role="search" action="{% url 'pub_notes' %}" method="POST">
                        {% csrf_token %}
                        <div class="col-auto">
                            <input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">
                        </div>
                        <div class="col-auto">
                            <a  class="btn btn-outline-light" href="/get_online_ui">
                                更多分析方式
                                
                            </a>
                        </div>
                    </form>

                    <div class="text-end">
{#                        <form action="{% url 'pub_notes' %}" method="POST">#}
{#                            {% csrf_token %}#}
{#                            <input type="hidden" name="apk_id" value="{{ apk.id }}">#}
{#                            <div class="mt-2">#}
{#                                <input type="text" class="form-control" placeholder="请输入问题" name="question">#}
{#                            </div>#}
{#                            <div class="text-end mt-2">#}
{#                                <button type="submit" class="btn btn-primary">提问</button>#}
{#                            </div>#}
{#                        </form>#}
{#                        <button type="button" class="btn btn-outline-light me-2">url分析</button>#}
{#                        <button type="button" class="btn btn-warning">Sign-up</button>#}
                    </div>
                </div>
            </div>
        </header>
{#        <div>#}
{#            <nav class="nav nav-masthead justify-content-center float-md-end">#}
{#                <a class="nav-link fw-bold py-1 px-0 active" style="color: white;" aria-current="page" href="#">Home</a>#}
{#                <a class="nav-link fw-bold py-1 px-0" style="color: white;" href="#">Features</a>#}
{#                <a class="nav-link fw-bold py-1 px-0" style="color: white;" href="/historical_record">检测记录</a>#}
{#            </nav>#}
{#        </div>#}
    </header>

    <main class="px-3">
        <h1>涉诈APP智能识别分析系统</h1>
        <p class="lead">支持上传二维码图片、APK</p>
        <form method="post" enctype="multipart/form-data" action="{% url 'upload_file' %}">
            {% csrf_token %}
            <p>
                <input type="file" class="btn btn-lg btn-light fw-bold border-black bg-white" id="fileToUpload" name="fileToUpload">
                <button type="submit" class="btn btn-lg btn-light fw-bold border-white bg-white">上传文件</button>
            </p>
        </form>
    </main>

    
    <footer class="mt-auto text-white-50">
        
    </footer>
</div>


</body>

</html>